<template>
	<view>
		<!-- #ifdef MP -->
		<view class="cu-custom text-white"
			:style="{color: common.appStyle.user_font_color != 'light'?'#ffffff':'#222222'}">
			<view class="cu-bar fixed" :style="{ height: wanlsys.height + 'px', paddingTop: wanlsys.top + 'px' }">
				<view class="action mp text-bold">
					<text class="wlIcon-shezhi" style="margin-right: 0.6em;"
						@tap="$wanlshop.auth('/pages/page/setting/setting')"></text>
					<text class="wlIcon-shiyongbangzhu1" @tap="help"></text>
				</view>
				<!-- 背景 -->
				<view class="bar-bg" v-if="headerOpacity > 0" :style="{ 
					height: wanlsys.height + 'px', 
					opacity: headerOpacity,
					backgroundColor: common.appStyle.user_nav_color?'#FD8464':common.appStyle.user_nav_color,
					backgroundImage: 'url(' + $wanlshop.oss(common.appStyle.user_nav_image, 414, 0, 1, 'transparent', 'png') + ')'
				}"></view>
			</view>
		</view>
		<!-- #endif -->
		<!-- #ifndef MP -->
		<view class="cu-custom" :style="{color: common.appStyle.user_font_color != 'light'?'#ffffff':'#222222'}">
			<view class="cu-bar fixed" :style="{ height: wanlsys.height + 'px', paddingTop: wanlsys.top + 'px' }">
				<view class="text-lg" @tap="$wanlshop.auth('/pages/page/setting/user')">
					<view v-if="headerOpacity == 1">
						<view class="cu-avatar round margin-right-xs"
							:style="{ backgroundImage: 'url(' + $wanlshop.oss(user.avatar, 35, 35, 2, 'avatar') + ')' }">
						</view>
						<text v-if="user.isLogin">{{ user.nickname }}</text>
						<text v-else>登录 / 注册</text>
					</view>
				</view>
				<!-- 背景 -->
				<view class="bar-bg" v-if="headerOpacity > 0" :style="{ 
					height: wanlsys.height + 'px', 
					opacity: headerOpacity,
					backgroundColor: common.appStyle.user_nav_color?'#FD8464':common.appStyle.user_nav_color,
					backgroundImage: 'url(' + $wanlshop.oss(common.appStyle.user_nav_image, 0, 50, 1, 'transparent', 'png') + ')',
					color: common.appStyle.user_font_color == 'light'?'#ffffff':'#222222'
				}"></view>
				<view class="action">
					<block>
						<text class="wlIcon-erweima" @tap="$wanlshop.auth('/pages/user/qrcode/qrcode')"></text>
						<text class="margin-right text-sm" @tap="$wanlshop.auth('/pages/user/qrcode/qrcode')">会员码</text>
					</block>
					<text class="wlIcon-shezhi" @tap="$wanlshop.auth('/pages/page/setting/setting')"></text>
					<text class="wlIcon-xiaoxizhongxin" @tap="$wanlshop.to('/pages/notice/notice')"></text>
					<view class="cu-tag badge"
						v-if="statistics.notice.notice +statistics.notice.order +statistics.notice.chat > 0">
						{{ statistics.notice.notice +statistics.notice.order +statistics.notice.chat }}</view>
				</view>
			</view>
		</view>
		<!-- #endif -->

		<view class="wanl-user" :style="{ 
			backgroundColor: !common.appStyle.user_bg_color?common.appStyle.user_bg_color:'#FD8464',
			color: common.appStyle.user_font_color != 'light'?'#ffffff':'#222222'}">

			<view class="user" :style="{ paddingTop: (wanlsys.height+10) + 'px' }">
				<view class="avatar margin-right-bj" @tap="portrai">
					<image :src="$wanlshop.oss(user.avatar, 62, 62, 2, 'avatar')" mode="widthFix"></image>
				</view>
				<view class="" style="flex: 1;">
					<view class="content nickname" v-if="user.isLogin">
						<view class="nickname-title" @tap="$wanlshop.auth('/pages/page/setting/user')">
							昵称：<text>{{ user.nickname }}</text></view>
						<view class="nickname-level" @tap="$wanlshop.auth('/pages/user/good/index')">
							<view class="cu-tag sm radius n-icon">
								Lv {{ user.level }}
							</view>
							<!-- <view class="cu-tag sm radius bg-orange">
								好人值 {{ user.haoren_number }}
							</view> -->
						</view>
						<view class="edit" @tap="$wanlshop.auth('/pages/page/setting/user')">
							<text class="wlIcon-jifen"></text>
							编辑
						</view>
					</view>
					<view class="content" @tap="$wanlshop.auth('/pages/tabBar/user/user1')" v-else>
						<view class="text-xxl">登录 / 注册</view>
						<view class="cu-tag bg-orange sm radius n-icon">Hi</view>
						<view class="cu-tag bg-orange sm radius n-icon">欢迎登录</view>
					</view>
					<view class="jifenyue" v-if="user.isLogin">
						积分余额
						<view class="jifenyue-num">
							<text>{{user.money}}</text>
							<view class="jifenmingxi" @tap="$wanlshop.auth('/pages/shop/money/list')">
								积分明细
								<text class="wlIcon-fanhui2"></text>
							</view>
						</view>
					</view>
				</view>
			</view>

			<!-- <view class="activity padding-bj">
				<view class="bg-white radius grid text-center col-2 padding-lr-bj padding-tb-sm">
					<view class="solid-right flex justify-between" @tap="$wanlshop.auth('/pages/user/coupon/list')">
						<view class="content">
							<view class="wanl-black text-sm text-bold6">红包卡券</view>
							<view class="text-min text-orange">
								领取优惠券
								<text class="wlIcon-fanhui2 margin-left-xs"></text>
							</view>
						</view>
						<view class="cu-avatar" :style="{ backgroundImage: 'url(' + $wanlshop.appstc('/user/icon_card_bag.png') + ')' }"></view>
					</view>
					<view class="flex justify-between" @tap="$wanlshop.auth('/pages/page/signin/log')">
						<view class="content margin-left-bj">
							<view class="wanl-black text-sm text-bold6">我的积分</view>
							<view class="text-min text-orange">
								查看积分明细
								<text class="wlIcon-fanhui2 margin-left-xs"></text>
							</view>
						</view>
						<view class="cu-avatar" :style="{ backgroundImage: 'url(' + $wanlshop.appstc('/user/icon_super_vip.png') + ')' }"></view>
					</view>
				</view>
			</view> -->
		</view>
		<view style="position: relative;top: -40rpx	;">
			<view class="wanl-user-order padding-sm margin-bj" style="margin-top: 0;">
				<view class="project text-min wanl-gray-dark">
					<view class="solid-right">
						<text class="wanl-orange"
							style="font-size: 36rpx;">{{ $wanlshop.toFormat(orderTotal, 'hundred') }}</text>
						全部订单
						<!-- <view class="cu-tag badge bg-orange" v-if="orderTotal > 0">
							{{ $wanlshop.toFormat(orderTotal, 'hundred') }}</view> -->
					</view>
					<view @tap="$wanlshop.auth('/pages/shop/myOrder?state=0')">
						<text class="wlIcon-chanpincanshu wanl-pip"></text>
						全部
						<view class="cu-tag badge bg-orange" v-if="orderTotal> 0">
							{{ $wanlshop.toFormat(orderTotal, 'hundred') }}
						</view>
					</view>
					<view @tap="$wanlshop.auth('/pages/shop/myOrder?state=1')">
						<text class="wlIcon-youhuiquan wanl-pip"></text>
						未核销
						<view class="cu-tag badge bg-orange" v-if="uncomplateNum > 0">
							{{ $wanlshop.toFormat(uncomplateNum, 'hundred') }}</view>
					</view>
					<view @tap="$wanlshop.auth('/pages/shop/myOrder?state=2')">
						<text class="wlIcon-article wanl-pip"></text>
						已核销
						<view class="cu-tag badge bg-orange" v-if="complateNum > 0">
							{{ $wanlshop.toFormat(complateNum, 'hundred') }}</view>
					</view>
				</view>
				<!-- <view class="logistics margin-top-bj padding-sm" v-if="statistics.logistics.length > 0">
				<swiper vertical autoplay circular disable-touch interval="4000" class="swiper">
					<swiper-item @tap="$wanlshop.auth('/pages/notice/logistics/details')">
						<view class="title">
							<view class="text-min">最新物流</view>
							<view class="text-min">18:00</view>
						</view>
						<view class="flex align-center">
							<view class="cu-avatar" :style="{ backgroundImage: 'url(' + $wanlshop.oss(user.avatar, 40, 40) + ')' }"></view>
							<view class="content">
								<view class="text-df">
									<text class="wlIcon-paisongtixing"></text>
									派送中
								</view>
								<view class="text-sm">【自提柜】已签收，签收人凭取件码 已取件。</view>
							</view>
						</view>
					</swiper-item>
				</swiper>
			</view> -->
			</view>

			<view class="wanl-user-order padding-sm margin-bj" style="margin-top: 25rpx;">
				<view class="project text-min wanl-gray-dark">
					<view @tap="$wanlshop.auth('/pages/user/feedback/lists')">
						<text class="wlIcon-shouhoufuwu-zidongpingjia text-blue"></text>
						反馈
					</view>
					<view @tap="goToShopAdmin">
						<text class="wlIcon-dianpu2" style="color: #e57979;"></text>
						商店管理
					</view>
					<view @tap="$wanlshop.auth('/pages/page/setting/setting')">
						<text class="wlIcon-shezhi1 text-orange"></text>
						设置
					</view>
				</view>
			</view>

			<view class="shop-list margin-bj" style="color: #000000;">
				<text style="padding-bottom: 30rpx;display: block;margin-left: 20rpx;">当前积分可兑换商城</text>
				<view class="shop-list-item" v-for="(item ,index) in shopList.data" :key="index"
					@tap="toIndex(item.id)">
					<view class="shop-item-top">
						<view class="shop-item-top-img">
							<!-- <image :src="item.user.avatar" mode="widthFix"></image> -->
							<image :src="$wanlshop.oss(item.avatar)" mode="widthFix"></image>
						</view>
						<view class="shop-item-top-conter">
							<view class="shop-item-top-conter-l">
								<view>{{item.shopname}}</view>
								<view>店长：{{item.user.nickname}}</view>
							</view>
							<view class="shop-item-top-conter-r">
								距离{{item.distance}}
							</view>
						</view>
					</view>
					<view class="shop-item-bottom">
						{{item.city + item.shop_config.address}}
					</view>
					<text class="wlIcon-fanhui2"></text>
				</view>
			</view>


		</view>
		<!-- 商铺申请弹窗 -->
		<view class="shop-admin-popup" v-if="shopAdminType" @touchmove.stop.prevent="">
			<view class="shop-admin-popup-box" :style="{ backgroundImage: 'url(' + imgUrl + '/bg-1.png'  + ')' }">
				<view class="popup-desc">请先申请个人商铺，然后才能开启相关服务。</view>
				<view class="popup-sub-btn" @tap="applyShop">立即申请</view>
				<view class="close-img" @click="shopAdminType = !shopAdminType">
					<u-icon name="close-circle"></u-icon>
				</view>
			</view>
		</view>

		<!-- 审核弹窗 -->
		<view class="shop-popup-box" v-if="examineType" @touchmove.stop.prevent="">
			<view class="success-box" :style="{ backgroundImage: 'url(' + imgUrl + '/bg-2.png'  + ')' }">

				<view class="success-name">商铺提交成功</view>

				<view class="success-desc">
					<text>商铺申请已提交</text>
					<text>请耐心等待审核</text>
				</view>

				<view class="sub-btn" @click="examineType = !examineType">好的</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	export default {
		data() {
			return {
				wanlsys: this.$wanlshop.wanlsys(),
				headerOpacity: 0,
				orderInfo: {},
				orderTotal: 0,
				complateNum: 0,
				uncomplateNum: 0,
				// 上拉刷新
				reload: true,
				likeData: [],
				current_page: 1, //当前页码
				last_page: 1, //总页码
				status: 'loading',
				userShop: null, //用户绑定的店铺
				contentText: {
					contentdown: ' ',
					contentrefresh: '正在加载...',
					contentnomore: '没有更多数据了'
				},
				shopAdminType: false,
				examineType: false, // 审核状态
				imgUrl: this.$BASE_URL_YIYUAN,
				shopList: {}, // 商家列表信息
				page: 1,
				lastPage: 1
			};
		},
		computed: {
			...mapState(['user', 'statistics', 'common'])
		},
		onPullDownRefresh() {
			this.loadData();
		},
		onShow() {
			this.getUserInfo();
			this.getUserShopDetail();
			this.initStatis()
			setTimeout(() => {
				uni.setNavigationBarColor({
					frontColor: this.$store.state.common.appStyle.user_font_color == 'light' ? '#ffffff' :
						'#000000',
					backgroundColor: this.$store.state.common.appStyle.user_nav_color
				})
			}, 200);
		},
		onLoad() {
			this.loadlikeData();
			this.getUserAddress();
		},
		onPageScroll(e) {
			let tmpY = 50;
			e.scrollTop = e.scrollTop > tmpY ? 50 : e.scrollTop; //如果当前高度大于250则250否则当前高度
			this.headerOpacity = e.scrollTop * (1 / tmpY); //$headerOpacity 赋值当前高度x（1÷250）
		},
		onReachBottom() {
			//判断是否最后一页
			if (this.current_page >= this.last_page) {
				this.status = 'noMore';
			} else {
				this.reload = false;
				this.current_page = this.current_page + 1; //页码+1
				this.status = 'loading';
				this.loadlikeData();
			}
		},
		methods: {
			...mapMutations(['setUserInfo']),
			applyShop() {
				this.shopAdminType = false;
				this.$wanlshop.auth('/pages/page/shopadmin/applyshop');
			},
			// 返回首页
			toIndex(id) {

				this.$api.get({
					url: `${this.$wanlshop.config('appurl')}/wanlshop/shop/setuserselect`,
					data: {
						shop_id: id
					},
					header: {
						token: this.$store.state.user.token
					},
					success: resData => {
						console.log(1230, resData)
						uni.reLaunch({
							url: "../../tabBar/category/category"
						})
						// this.$forceUpdate();
					}
				});
			},
			// 获取商家门店列表
			getUserAddress() {
				uni.showLoading({
					title: "加载中"
				});
				const self = this;
				uni.getLocation({
					altitude: true,
					success: res => {
						let {
							longitude,
							latitude
						} = res;
						// self.longitude = longitude;
						// self.latitude = latitude
						// 获取订单
						self.$api.get({
							url: `${self.$wanlshop.config('appurl')}/wanlshop/shop/lis`,
							data: {
								longitude: longitude,
								latitude: latitude,
								page: this.page
							},
							header: {
								token: this.$store.state.user.token
							},
							success: resData => {
								self.shopList = resData;
								uni.hideLoading();
								// self.$forceUpdate();
							}
						});
					}
				})
			},
			getUserShopDetail() {
				//判断用户是否绑定店铺
				let {
					shop_id
				} = this.user;
				if (shop_id == 0) return

				// 获取店铺详情
				let self = this;
				this.$api.post({
					url: '/wanlshop.shop/offlineShop',
					data: {
						id: shop_id
					},
					success(res) {
						self.userShop = res
					}
				})
			},
			// 订单统计
			initStatis() {
				let self = this;
				this.$api.post({
					url: '/wanlshop/user/refresh',
					success(res) {
						let {
							order
						} = res;
						self.orderInfo = res.order
						self.orderTotal = res.order.orderCount[2] + res.order.orderCount[6]
						self.complateNum = res.order.orderCount[6]
						self.uncomplateNum = res.order.orderCount[2]
						console.log(664646, this.orderTotal, this.complateNum , this.uncomplateNum)
						self.$store.commit('statistics/order', order)
						self.$nextTick()
					}
				})
			},

			//拨打电话
			markPhone(phone) {
				uni.makePhoneCall({
					phoneNumber: phone
				})
			},

			//打开地图导航
			getOpenAddress() {
				let {
					userShop
				} = this;

				var latitude = userShop.latitude
				var longitude = userShop.longitude
				uni.openLocation({
					latitude: Number(latitude),
					longitude: Number(longitude),
					name: userShop.shopname,
					address: userShop.city + userShop.address,
					fail(err) {
						console.log(err)
					}
				})
			},

			//跳转好人好报
			goLinkHRHB() {
				uni.navigateToMiniProgram({
					appId: 'wx72f3b3e4e8e3bd53',
				})
			},

			async loadData() {
				this.$api.post({
					url: '/wanlshop/user/refresh',
					success: res => {
						this.$store.commit('statistics/edit', res);
					}
				});
				uni.stopPullDownRefresh();
			},
			// 滚动底部加载猜你喜欢
			async loadlikeData() {
				this.$api.get({
					url: '/wanlshop/product/likes?pages=user',
					data: {
						page: this.current_page
					},
					success: res => {
						this.likeData = this.reload ? res.data : this.likeData.concat(res.data); //评论数据 追加
						this.current_page = res.current_page; //当前页码
						this.last_page = res.last_page; //总页码
						this.status = res.total == 0 ? 'noMore' : 'more';
					}
				});
			},

			// 获取用户信息
			async getUserInfo() {
				if (!this.user.isLogin) return
				const self = this;
				this.$api.get({
					url: '/wanlshop.user/userInfo',
					success: res => {
						let {
							userinfo
						} = res;
						self.$store.commit('user/setUserInfo', userinfo)
					}
				})
			},

			//商铺管理
			goToShopAdmin() {
				// 判断是否登陆
				if (!this.user.isLogin) {
					uni.navigateTo({
						url: '/pages/user/auth/auth'
					})
					return
				}
				//判断用户是否商家
				if (this.user.shop_verify == 2) {
					// 审核中
					this.examineType = true;
				} else if (this.user.shop_verify == 3) {
					// 审核通过
					uni.navigateTo({
						url: "/pages/page/shopadmin/index"
					})
				} else {
					// 审核未通过或未申请店铺
					this.shopAdminType = true;
				}
			},

			// 帮助
			help() {
				this.$wanlshop.to('/pages/user/help');
			},
			// 设置
			setting() {
				this.$wanlshop.to('/pages/page/setting/setting');
			},
			portrai() {
				this.$wanlshop.to('/pages/user/portrait/portrait');
			}
		},
		onReachBottom() {
			if (this.page < this.lastPage) {
				this.page++;
				this.getUserAddress();
			}
		}
	};
</script>

<style>
	.cu-bar .action.mp:first-child>text[class*='wlIcon-'] {
		margin-left: 0;
	}

	.action.fanhui {
		position: absolute;
		left: 20rpx;
	}

	.store-display {
		background: #ffffff;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.shop-item-top-img {
		width: 88rpx;
		height: 88rpx;
		border-radius: 50%;
		overflow: hidden;
	}

	.shop-list {
		padding-top: 32rpx;
		box-sizing: border-box;
		background: #FFFFFF;
		color: #000000;
	}

	.shop-list-item {
		/* width: 687rpx; */
		height: 243rpx;
		margin: 0 auto;
		border-top: 2rpx solid #F6F6F6;
		padding: 40rpx;
		padding-right: 20rpx;
		padding-left: 20rpx;
		box-sizing: border-box;
		position: relative;
	}

	.shop-item-top {
		display: flex;
	}

	.shop-item-top-conter {
		margin-left: 42rpx;
		display: flex;
		flex: 1;
	}

	.shop-item-top-conter-l {
		margin-top: -8rpx;
	}

	.shop-item-top-conter-l view:nth-child(1) {
		font-size: 38rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #000000;
		margin-bottom: 10rpx;
	}

	.shop-item-top-conter-l view:nth-child(2) {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #A6A6A6;
		margin-bottom: 10rpx;
	}

	.shop-item-top-conter-r {
		margin-left: auto;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FF4400;
	}

	.shop-item-bottom {
		margin-left: 130rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #575757;
		margin-right: 28rpx;
	}

	.shop-list-item .wlIcon-fanhui2 {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 14rpx;
	}

	.nickname {
		display: flex;
		align-items: center;
	}

	.nickname-title {
		font-size: 38rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
	}

	.nickname-level {
		margin-left: 16rpx;
	}

	.nickname .edit {
		margin-left: auto;
		width: 200rpx;
		text-align: right;
	}

	.nickname .edit .wlIcon-jifen {
		margin-right: 6rpx;
	}

	.jifenyue {
		margin-top: 28rpx;
		position: relative;
	}

	.jifenyue-num {
		position: absolute;
		display: flex;
		width: 100%;
		margin-top: 10rpx;
	}

	.jifenmingxi {
		margin-left: auto;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
	}

	.n-icon {
		color: #FF4400;
		background: #FFFFFF;
		opacity: 0.6;
		border-radius: 4rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 400;
	}

	.wanl-user {
		background-repeat: no-repeat;
		background-size: 100%;
		position: relative;
	}

	.wanl-user .user {
		/* height: 380rpx; */
		display: flex;
		/* align-items: center; */
		/* justify-content: space-between; */
		padding: 0 30rpx;
		padding-bottom: 100rpx;
	}

	.wanl-user .user .avatar {
		position: relative;
		height: 123rpx;
		width: 123rpx;
		border-radius: 50%;
		overflow: hidden;
		/* border: 3px solid rgba(255, 255, 255, .25); */
	}

	.wanl-user .user .avatar image {
		height: 120rpx;
	}

	.wanl-user .user .avatar .tag {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.wanl-user .user .content {
		flex: 1;
	}

	/* 操作 */
	.wanl-user .operate {
		display: flex;
		justify-content: space-around;
		text-align: center;
		padding-bottom: 70rpx;
		line-height: 1.3;
	}

	.wanl-user .operate text {
		display: block;
		font-size: 32rpx;
	}

	/* 活动 */
	.wanl-user .activity {
		position: absolute;
		width: 100%;
		bottom: -80rpx;
	}

	.wanl-user .activity .radius {
		border-radius: 24rpx;
	}

	.wanl-user .activity .cu-avatar {
		width: 69rpx;
		height: 69rpx;
		margin-right: 30rpx;
		background-color: transparent;
		/* border: 1px solid rgba(255,255,255,.6); */
	}

	.wanl-user .activity .content {
		text-align: left;
		height: 68rpx;
	}

	/* 订单 */
	.wanl-user-order {
		margin-top: 80rpx;
		border-radius: 10rpx;
		background-color: white;
	}

	.wanl-user-order .title {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.wanl-user-order .title text {}



	/* 状态 */
	.wanl-user-order .project {
		display: flex;
		justify-content: space-around;
		text-align: center;
	}

	.wanl-user-order .project>view {
		position: relative;
		flex: 1;
	}

	.wanl-user-order .project>view .cu-tag {
		top: -4rpx;
		right: 26rpx;
	}

	.wanl-user-order .project text {
		display: block;
		font-size: 50rpx;
		margin-bottom: 6rpx;
	}

	/* 物流 */
	.wanl-user-order .logistics {
		background-color: #f9f9f9;
		border-radius: 24rpx;
	}

	.wanl-user-order .logistics .swiper {
		height: 120rpx;
	}

	.wanl-user-order .logistics .swiper .title {
		display: flex;
		justify-content: space-between;
		margin-bottom: 10rpx;
		color: #999999;
	}

	.wanl-user-order .logistics .swiper .cu-avatar {
		margin-right: 10rpx;
		height: 66rpx;
		width: 66rpx;
		border-radius: 12rpx;
		background-color: #ffffff;
	}

	.wanl-user-order .logistics .swiper .content .text-df {
		color: #3797e0;
		font-size: 27rpx;
		margin-bottom: 2rpx;
	}

	.wanl-user-order .logistics .swiper .content .text-sm {
		color: #999999;
	}

	.wanl-user-order .logistics .swiper .content text {
		font-size: 32rpx;
		margin-left: 15rpx;
		margin-right: 10rpx;
	}

	/* 工具箱 */
	.wanl-user-tool {
		background-color: #ffffff;
		border-radius: 24rpx;
	}

	.wanl-user-tool .title {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.wanl-user-tool .title text {
		margin-left: 2rpx;
	}

	/* 状态 */
	.wanl-user-tool .list {
		text-align: center;
	}

	.wanl-user-tool .list>view {
		margin-bottom: 28rpx;
	}

	.wanl-user-tool .list text {
		display: block;
		font-size: 54rpx;
		margin-bottom: 8rpx;
	}

	.address-user-box {
		margin: 25rpx;
		background-color: white;
		border-radius: 24rpx;
	}

	.user-map-box {
		width: 100%;
		height: 80rpx;
		background: linear-gradient(90deg, #e8d1a7, #cfa570);
		border-radius: 24rpx;
		padding: 0 25rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.map-left-name {
		font-size: 30rpx;
		font-weight: bold;
		color: #a97330;
	}

	.map-select-desc {
		display: flex;
		align-items: center;
		color: white;
		font-weight: bold;
		font-size: 30rpx;
	}

	.user-map-content {
		padding: 30rpx 25rpx 45rpx;
	}

	.address-name {
		font-size: 32rpx;
		color: #000000;
		font-weight: bold;
		line-height: 32rpx;
		margin-bottom: 25rpx;
	}

	.addres-detail {
		font-size: 28rpx;
		color: #8d8d8d;
		line-height: 40rpx;
	}

	.user-map-btn-box {
		display: flex;
		margin-top: 25rpx;
	}

	.user-btn-map {
		width: 240rpx;
		height: 66rpx;
		border: solid 2rpx #ff0000;
		font-size: 28rpx;
		font-weight: 500;
		color: #ff0000;
		margin-right: 40rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 12rpx;
	}

	.user-map-btn-box .user-btn-map-nomal {
		border: solid 2rpx #181818 !important;
		color: #181818 !important;
	}

	.shop-admin-popup {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, .6);
	}

	.shop-admin-popup-box {
		width: 458rpx;
		height: 500rpx;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 35%;
		padding-top: 270rpx;
		box-sizing: border-box;
	}

	.popup-desc {
		font-size: 30rpx;
		line-height: 50rpx;
		color: #333333;
		font-weight: 500;
		padding: 0 75rpx;
		text-align: center;
	}

	.popup-sub-btn {
		width: 300rpx;
		height: 58rpx;
		background: #F6B053;
		border-radius: 30rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 22rpx;
		color: #FFFFFF;
		margin: 50rpx auto 0;
	}

	.close-img {
		font-size: 68rpx;
		color: #B2B2B2;
		position: absolute;
		bottom: -150rpx;
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-popup-box {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0, 0, 0, .6);
		z-index: 999;
	}

	.success-box {
		width: 470rpx;
		height: 540rpx;
		background-color: white;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 25%;
		border-radius: 40rpx;
		padding: 300rpx 58rpx 0;
		box-sizing: border-box;
	}

	.success-name {
		width: 100%;
		font-size: 36rpx;
		color: #FFFFFF;
		font-weight: bold;
		position: absolute;
		top: 45rpx;
		text-align: center;
		left: 0;
	}

	.success-desc {
		display: flex;
		flex-direction: column;
		padding: 25rpx 82rpx;
		border-bottom: solid 1rpx #D6D6D6;
		font-size: 27rpx;
		color: #131313;
		font-weight: 500;
	}

	.sub-btn {
		width: 235rpx;
		height: 60rpx;
		background: #3199FF;
		box-shadow: 0px 8rpx 12rpx 6rpx rgba(0, 101, 196, 0.16);
		border-radius: 29rpx;
		font-size: 23rpx;
		color: white;
		font-weight: 500;
		margin: 27rpx auto;
		display: flex;
		align-items: center;
		justify-content: center;

	}
</style>
